﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="INC/dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="INC/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <script src="INC/jquery-1.11.1.js"></script>
    <script src="INC/dist/js/bootstrap.js"></script>
</head>
<body>
      <div class="container">
		<div class="progress progress-striped">
  			<div class="progress-bar progress-bar-primary" id="processbar" role="progressbar"
                   aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width:0%">
    			<span id="aa">80% 完成</span>
  			</div>
		</div>



	</div>
<script type="text/javascript">
    var total = 10000;
    var breaker = 100;
    var turn = 100 / (total / breaker);
    var progress = 0;
    
    var timer = setInterval(function () {
        progress = progress + turn;
        $("#aa").html(progress + "% 完成");
        $("#processbar").attr("style", "width:" + progress + "%");
        if (progress >= 100) {
            clearInterval(timer);
        }
    }, breaker);
</script>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="container-fluid">
                            <a class="btn btn-navbar" data-target=".navbar-responsive-collapse" data-toggle="collapse"></a><a class="brand" href="#">网站名</a>
                            <div class="nav-collapse collapse navbar-responsive-collapse">
                                <ul class="nav">
                                    <li class="active">
                                        <a href="#">主页</a>
                                    </li>
                                    <li>
                                        <a href="#">链接</a>
                                    </li>
                                    <li>
                                        <a href="#">链接</a>
                                    </li>
                                    <li class="dropdown">
                                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">下拉菜单</a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a href="#">下拉导航1</a>
                                            </li>
                                            <li>
                                                <a href="#">下拉导航2</a>
                                            </li>
                                            <li>
                                                <a href="#">其他</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li class="nav-header">标签
                                            </li>
                                            <li>
                                                <a href="#">链接1</a>
                                            </li>
                                            <li>
                                                <a href="#">链接2</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


</body>
</html>
